068307.0106 
1 of 17 



# 



FIG. 1 

10 

\ 




o 
o 
o 



22 



24 

A. 




~7 

24 



62- 



50 
A 



OATA SERVER 



CUSTOMER 
DATA 



SESSION 



T 
52 



52 

A 



SESSION 



ooo 



50 

A 



CUSTOMER 
DATA 



SESSION 

"7 

52 



o 

«» 52 



L 



SESSION 



PROGRAM SERVER 



DOWNLOAD CONTROLLER 



42 


S 


S 


40 


CLIENT 




PROGRAM 


OOO 



42 

a 



CLIENT 
PROGRAM 



REPORTING SERVER 60 



7 0 REPORT GEN ERATOR 72 



PREDEFINED 



REAL-TIME 



REPORT 



g4 °°° 

_s 



REPORT 



RESULTS 
MONITOR 80- 



MESSAGE 
GENERATOR 



30 



CUSTOMER SERVER 



32 



WEB PAGE 



WEB SITE ^ 



OOO 



WEB PAGE 



INITIATION LINK 



"34 



■62 



16 



14 



•18 



■12 



120- 



122- 



124 



126- 



068307.0106 
2 of 17 



FIG. 2 

( START ) 



FIG. 3 

( START ) 



VISITOR CONNECTS TO 
CUSTOMER WEB SITE 



MONITOR VISITOR 
BROWSING ACTIVITY 
FOR TARGETED EVENTS 



LOAD CLIENT- 
SIDE PROGRAM 



QUERY VISITOR 
UPON OCCURANCE OF 
TARGETED EVENTS 



COLLECT FEEDBACK 
FROM VISITOR WITH 
CLIENT PROGRAM 



GATHER RESPONSES . 
BY VISITOR TO QUERIES 



REPORT FEEDBACK 
TO CUSTOMER 



UPLOAD RESPONSES 
TO CENTRALIZED SITE 



PROCESS RESPONSES 
FOR REPORTING 
TO CUSTOMER 



C END ) 



FIG. 4A 



■140 



■142 



■144 



■146 



■148 



J5 




Hete ?is :i 



Q About the Customer Page 



Did you see what you expected on this page? ^"^2 

OYes ^164 
ONo 



Is there anything else you would like to see here? 
162 



170 




no longer wish to participate. 



t Us 



Contact Us 



160 



32 



068307.0106 
3 of 17 



>< 

B 



o 

o 
o 



o 
oo 

A 



CO 

a> 



CO 

a> 
a 
c 

.2 
"o 

to 



o 

CO 



3 
O 




O 
O 
CO 



CO 
CD 

o 



CO 

o 



oo 



CD 

E 

CD 



O 

"S 

CD 



c 
> a 



o 

O- 



CD 



co iD ^* rO C\J 

OOOOOOi 



CD 0* 



CD 



CM 
OO 



cd is 

CO • = 
o * 

JD 



OO 



-O 
O 
CO 



CD 
CD 
CO 



CD 



13 

o 

3 
O 

>N 

CD 
CO 

CD 




0| 



-2 



O 



CO 

I— 
CD 

o> 

c 

_o 

o 
c: 

□ 




r=: co 

.— 3 

-Q O 
O 

co to 



£ e g-S 

"to q5 o - 

CD ~ 

^ o o 



— ? o ^ o w S2 

,E'5P-5 5> D ^ -o ^ o 

* O Q.O £ -D O O f O 3 * £ .E S 



c E o 



CD 
CO 

o 
sz 
o 

CL 



CP 



068307.0106 
4 of 17 



FIG. 5 

BROWSER 
CLIENT PROGRAM 



100 



102 



222 



ALT DLL 



1 



INTERNAL CONTROL 

PROGRAM 
EXTENSION MODULE 



T 
220 



228 



224 

J_ 



CONTROL PROGRAM 
INTERPRETER 

226 



EXTERNAL 
CONTROL 
PROGRAM 
EXTENSION 
MODULE 



CONTROL PROGRAM 



FIG. 6 



228 



240 



242 

s 

STATE 
ID 


244 

S 

BROWSER 
EVENT 


246 

\ 

CRITERIA 


248 

t 

ACTION 


250 
/ 

NEXT 
STATE 


1 


MOUSE CLICK 


♦.xyz.com 


ASK QUESTION 


2 


1 


MOUSE OVER 


♦.xyz.comjocation 


ASK QUESTION 


3 


2 


* 


* 


ASK QUESTION 




3 


MOUSE CLICK 


* 


ASK QUESTION 




• 
• 
• 


• 
• 
• 


• 
• 
• 


• 
• 
• 


• 
• 
• 



068307.0106 
5 of 17 



FIG. 7 A 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 

II Program : Example 

// 

// Purpose : This program is used to interact with web users while on the 
// XYZ Company web site. 

// 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 

II Import the API function definitions that will be used to provide WeblQ-specific 
// functionality 
module "..\WebiQ.iem"; 

ii in ii iiiii in in ii i in ii in i ii in in 1 1 in iiiimi in in in nun i 

II Function introduceXYZDemo 

// 

// Purpose : Inform the web site user that WeblQ is currently running and what 
they can expect while interacting with the XYZ web site. 

// 

// Params None 

// 

// Return : Nothing 

// 

/////////////////////////////////////////////////////////////////// 

void IntroduceXYZDemo (void) 

{ 

int nDialogResult; 

/////////////////////////////////////////////////////////////// 

// Attempt to create a dialog that will be used to display informational text to 
// the user. If the dialog has already been created, then the function will return 0 

// and we don't need to go through the process of adding the necessary questions. 

/////////////////////////////////////////////////////////////// 

^ if(CreoteDiolog("XYZDemolntroBox","XYZ WeblQ Demonstration","")) 

/////////////////////////////////////////////////////////////// 
// Create the first statement "question". 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIUIIIIIIIIIIIIIII 

CreateQuestion ( 

"WelcomeStatement", 

"Welcome to the XYZ WeblQ Demonstration.", 



TO FIG. 7B 
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FIG. 7B 

FROM FIG. 7A 



1. 

"Welcome to the XYZ.com WeblQ demo, s 

1. 
1 

); 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIHIIUIIIII 

II Add the newly-created question to the newly-created dialog 

/////////////////////////////////////////////////////////////// 

AddQuestion ("XYZDemolntroBox", ,, WelcomeStotement"); 

/////////////////////////////////////////////////////////////// 
// Add some vertical space to the dialog so that the questions are separated a bit. 

iiii i! i ii i ii i ii i ii i in iiiii in i ii i ii in in mi ii mini i in ii 1 1 

AddSpace ("XYZDemolntroBox"^)' 

lllllll/lllllllllllllllllllllllllllllllllllllllllllllllllllllll 
// Create the next statement "question" that'll be used to inform the user what 
// WeblQ is doing and what they can expect. 

/////////////////////////////////////////////////////////////// 

CreoteQuestion( 

"DemoStotementSeg 1 ", 

"WeblQ is currently running in your browser, although you will not notice it 

unless» 

1. 

"explanation that WeblQ is running and transparent to users", 

1, 
1 

); 

/////////////////////////////////////////////////////////////// 
// Add the newly-created question to the newly-created dialog. 

/////////////////////////////////////////////////////////////// 

AddQuestion ("XYZDemolntroBox", "DemoStotementSeg 1")' 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
II Create yet another statement "question" that will explain WHY WeblQ will do 
// what it will do. 

/////////////////////////////////////////////////////////////// 

CreoteQuestion ( 



TO FIG. 7C 
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FIG. 7C 

FROM FIG. 7B 



"0emoStotementSeg2", 

"A question box will be triggered when you perform on oction thot hos been 

progrom>> 

1. 

"explanation that WeblQ is a triggered by pre-programmed events", 

1. 

1 

); 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
II Add the newly-created question to the newly-creoted dialog. 

/////////////////////////////////////////////////////////////// 

AddQuestion ("XYZ0emolntroBox","DemoStotementSeg2"); 

llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
II Display the dialog to the user. 

//////////////////////////////////////////////////////////////// 

nDialogResult = DisplayDiolog ("XYZDemolntroBox"); 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIUIUIIIIIIIIIIIIUIII 
II Unregister the event that causes this question to be displayed so that it'll never be 
// shown again 

//////////////////////////////////////////////////////////////// 

UnregisterPageEvent ("XYZDemoStart". "XYZHomepage"); 

I 

/////////////////////////////////////////////////////////////////// 

// Function : AskAboutXYZSite 

// 

// Purpose : Solicit some feedback from the user with regard to the usefulness of 
// the XYZ web site. 

// Params None 

// 

// Return : Nothing 

// 

/////////////////////////////////////////////////////////////////// 

void AskAboutXYZSite (void) 
I 

int nDialogResult; 

TO FIG. 70 
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FIG. 7D 

FROM FIG. 7C 



llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
//Attempt to creote o diolog on which some questions will be ploced to get o feel 

// for the user's opinion with regord to the usefulness of the web site. If the diolog 

// hos already been created, then the function will return 0 and we don't need to 

// go through the process of adding the necessary questions. 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiniiiiiiiiiiiiiiiiiiiiii 

if (CreateDiolog("XYZSiteExitBox","About the XYZ.com Website","")) 

llllllllllllllllllllllllllllllllllllllllll/llllllllllllllllllll 
II Create a radio button-based question that asks the user if they found the site 
//to be helpful. 

/////////////////////////////////////////////////////////////// 

CreateQuestion ( 
"SiteFeedbackQues", 

"We ore interested in leorning whether the information on this site wos helpful 

fo» 

1, 

"did you find what you were looking for on XYZ.com?", 

3, 

2 

); 

/////////////////////////////////////////////////////////////// 

//And a "yes" option to the newly-created question (defaults to unselected). 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii/iiiiiiiiiiiiiiiii 

AddQuestionOption ("SiteFeedbackQues", 1, "Yes", 0); 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIUIIIIIIIIIIIIIIIIII 
//Add a "no" option to the newly-created question (defaults to unselected). 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 

AddQuestionOption ("SiteFeedbackQues", 1,"No, 0); 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
II Add the newly-created question to the newly-created dialog 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii/iiiiiiiiiiiii 

AddQuestion("XYZSiteExitBox", "SiteFeedbackQues"); 

/////////////////////////////////////////////////////////////// 
//Add a line (that is 2 pixels thick) to the dialog to separate the questions on the 
// dialog 



TO FIG. 7E 
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FIG. 7E 

FROM FIG. 7D 



IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIHIIIIIIIIIIIIIIIIIIIIIIUII 
AddLine("XYZSiteExitBox", 2); 

/////////////////////////////////////////////////////////////// 
// Creote o rodio button-bosed question thot osks the user to creote the quolity of 
// the site on o scale of 1 to 7. 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 

CreoteQuestion( 
"XYZSotSurvey", 

Please rate the overall quality of this site on a scole of 1 to 7, with 7 being t» 
1. 

"satisfaction survey for xyz.com, on a scale of 1 (bad) to 7 (good)", 

3. 

2 

); 

/////////////////////////////////////////////////////////////// 
// Add an option to the question for each of the rating possibilities 

/////////////////////////////////////////////////////////////// 



AddQuestionOption 
AddQuestionOption 
AddQuestionOption 
AddQuestionOption 
AddQuestionOption 
AddQuestionOption 
AddQuestionOption 



("XYZSotSurvey", 
("XYZSotSurvey", 
("XYZSotSurvey", 
("XYZSotSurvey", 
("XYZSotSurvey", 
("XYZSotSurvey", 
("XYZSotSurvey", 



"7 Extremely helpful", 0); 

"6. 0); 

"5, 0); 

"4, 0); 

"3, 0); 

"2, 0); 

"1, Not helpful at oil", 0); 



/////////////////////////////////////////////////////////////// 
//Add the newly-created question to the newly-created dialog 

/////////////////////////////////////////////////////////////// 

AddQuestion ("XYZSiteExitBox", "XYZSotSurvey"); 

/////////////////////////////////////////////////////////////// 
// Add a line (that is 2 pixels thick) to the dialog . to separate the questions on the 
// dialog 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIHIIIIIIIIIIIIIIIIIIIIII 

AddLine (("XYZSiteExitBox", 2); 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 

//Create a text entry-based question that'll allow the user to provide arbitrary 

=v= • 



TO FIG. 7F 
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FIG. 7F 

FROM FIG. 7E 



// feedback with regard to what they would like to see added to the web site. 

IIII/IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIUIIIIIIIIIIIIIIIIIIIIII 

CreateQuestion ( 

"XYZSiteSuggestion", 

"Is there anything else you would like to see at XYZ.com?" 



1 

"request for suggestions about XYZ.com", 
2 

); 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
II Set the parameters for the text entry box (aprox. 40 characters wide, 3 lines 
// high, and a maximum of 200 characters that can be entered) 

/////////////////////////////////////////////////////////////// 

SetQuestionEditParams ("XYZSiteSuggestions", 40, 3, 200); 

/////////////////////////////////////////////////////////////// 
// Add the newly-created question to the dialog 

/////////////////////////////////////////////////////////////// 

AddQuestion (XYZSiteExitBox", "XYZSiteSuggestions") 

I 

//////////////////////////////////////////////////////////////// 
// Display the dialog to the user. 

//////////////////////////////////////////////////////////////// 

nDialogResult = DisplayDialog ("XYZSiteExitBox"); 

//////////////////////////////////////////////////////////////// 
// Unregister the event that causes this question to be displayed so that it'll never 
//be shown again. 

//////////////////////////////////////////////////////////////// 

UnregisteredSiteEvent ("XYZSiteExit", "XYZSite); 

I 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
// Function : Onlnit 

TO FIG. 7G 
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FIG. 7G 

FROM FIG. 7E 



// 

// Purpose : This function is colled when the progrom is initiolized by the 
// interpreter 

// 

// Poroms : None 

// 

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 

void On I nit (void) 

//////////////////////////////////////////////////////////////// 

// Set the default caption or the checkbox that allows the user to prevent future 
// dialogs from popping up. This will apply to all dialogs. 

//////////////////////////////////////////////////////////////// 

SetStopMessage (" "I no longer wish to participate,"); 

//////////////////////////////////////////////////////////////// 

// Create a page attachment to the home page of the XYZ Company web site. 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIUIIIIIIIIIIIUIIII 

CreatePogeAttachment ("XYZHomepoge", "http://www.im.xyz.com/Americon*"); 

//////////////////////////////////////////////////////////////// 
// For the page attachment for the home page of the XYZ Company web site, 
// add a specific value in order for all events associated with the page attachment 
// to be valid. 

//////////////////////////////////////////////////////////////// 

AddPogeRequirement ("XYZHomepoge", "TITLE", "Home Page with Login", 0); 

//////////////////////////////////////////////////////////////// 
// Register on OnLoad event for the home page. This will cause the Onsignal( ) 
//function to be called when the page has loaded. 

//////////////////////////////////////////////////////////////// 

RegisterPogeEvent ("XYZDemoStort", "XYZHomepoge", "OnLoad"); 

//////////////////////////////////////////////////////////////// 
//Create a page attachment to just about any page within the XYZ Company 
// web site 

//////////////////////////////////////////////////////////////// 

CreotePageAttachment ("XYZSite". "http://www/im/xyz/com/xyz*"); 
' = = = =^^==^^===^= =^=^=^^^= » 

TO FIG. 7H 
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FIG. 7H 

FROM FIG. 7G 



llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
//Register on OnExit event for the site. This will couse the OnSignol () function 
// to be called when the XYZ Company site (as defined by the XYZSite page 
// attachment) has been navigated away from. 

//////////////////////////////////////////////////////////////// 

RegisterSiteEvent (XYZSiteExit", "XYZSite", "OnExit"); 

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIUIIIIIIIIII 
//Redirect the web browser to the XYZ Company web site. 

//////////////////////////////////////////////////////////////// 

Redirect ("http://www.xyz.com/"); 



i 



/////////////////////////////////////////////////////////////////// 

// Function : OnSignal 

// 

// Purpose This function is called when a registered event is triggered 

// 

// Params : sEventID (string) 

// The ID of the event that has been triggered (click, page, or site 

// event) 

// 

// sEventParams (string) 

// Additional information associated with the event. Currently, 

// this parameter does not contain any kind of useful information; 

// it will always be an empty string ("") until further implemented 

// in future releases. 

// 

// Return : Nothing 

/////////////////////////////////////////////////////////////////// 

void OnSignal 

( 

string sEventID, 
string sEventParams 

) 
( 

//////////////////////////////////////////////////////////////// 



TO FIG. 71 
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FIG. 71 



FROM FIG. 7H 



//The following logic is pretty self-explanatory 

lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll 
if(sEventlD=="XYZOemoStort") 

IntroduceXYZDemo ( ); 
else if (sEventlD=="XYZSiteExit M ) 
AskAboutXYZSite ( ); 

/////////////////////////////////////////////////////////////// 
//When the user leaves the XYZ Company web site, we want to terminate WeblQ 

/////////////////////////////////////////////////////////////// 

Quit .( ); 
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